<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
  <title>
    thinkTodo任务清单
    <?php
    echo $title;
    ?>
  </title>


  <link href="/libs/font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" href="/_assets/css/fonts.css">

  <link rel="stylesheet" href="/libs/bootstrap-3.3.5-dist/css/bootstrap.min.css">
  <script src="/libs/jquery/jquery-1.11.3.min.js"></script>
  <script src="/libs/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>


  <link rel="stylesheet" href="/_assets/css/base.css">
  <link rel="stylesheet" href="/_assets/css/home_with_bs.css">
  <link rel="stylesheet" href="/_assets/css/task_with_bs.css">
  <link rel="stylesheet" href="/_assets/css/style_tags.css">
  <style>
    .btn_for_toolbar {
      display: none;
    }

    #node {
      width: 35rem;
      margin-left: auto;
      margin-right: auto;
    }
    img.task_photo{
      max-width:100%;
    }
    @media screen and (min-width:900px) {
      .wrapper#container {
        width: 672px;
        padding: 20px 20px 20px 30px;
      }
    }

    @media screen and (min-width:600px) and (max-width:900px) {
      .wrapper#container {
        width: 90%;
        padding: 20px 20px 20px 30px;
      }
    }

    @media screen and (max-width:600px) {
      .wrapper#container {
        width: 100%;
        padding: 5px 5px 5px 5px;
      }

    }

    .wrapper#container {
      background-color: #ffffff;
      border-style: hidden;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      margin: 0 auto 0;
      -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    }

    .logo-bar {
      font-size: 40px;
      filter: none;
      height: 48px;
      border-bottom-width: 0;
      background-color: #b0d9bf;
    }
  </style>

  <script type="text/javascript">
    $(document).ready(function() {}); //end of $(document).ready事件
  </script>
</head>

<body>
  <div class="logo-bar">
    <img src="/_assets/img/logo_50_80.png" style="height:100%;vertical-align:bottom">
    <a href="/" target="_blank" class="">thinktodo.cn</a>
  </div>
  <div class="">
    <h2 class="title">
      <?php
      //echo $title;
      ?>
    </h2>
    <div class="main_content">
      <div id="container" class="wrapper">
        <?php
        echo $content;
        ?>
        <div class="r">
          在<a href="http://thinktodo.cn"><span style="color:blue;">think</span><span style="color:red;">todo.cn</span></a>上创建
        </div>

      </div>

    </div>
  </div>

  <a href="
   <?php
    echo str_replace("node", "doc", $_SERVER["REQUEST_URI"]);
    ?>
   ">显示成文本提纲</a>
  <img id="2vma" style="display:none;position:fixed;z-index: 15;bottom: 20px;right: 130px;display: none;" width=135px height=135px src="http://qr.liantu.com/api.php?w=135&text=<?php echo urlencode('http://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']); ?> " />
  <span style="float:right;">
    <a href=http://www.2v.ma/index.php/linkapi onmouseover='$("#2vma").show();' onmouseout='$("#2vma").hide();'>本页二维码</a>


    <script src="/_assets/js/app/expend_fold2.js"></script>
    <script src="/_assets/js/app/task_dom_opt.js"></script>
</body>

</html>